<!DOCTYPE html>

<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		
		<!-- Stylesheets -->
		<link rel="stylesheet" type="text/css" href="stylesheets/theme.css" />
		<link rel="stylesheet" type="text/css" href="stylesheets/alert.css" />
		
		<!-- Scripts -->
		<script type="text/javascript" src="scripts/alert.js"></script>
	</head>
	
	<body>
		<script type="text/javascript">
			init(); // creates needed variables and such
		</script>
		
		<header id="mainHeader">
			<section>
				<script type="text/javascript">
					document.write(getErrorInfo());
				</script>
			</section>
			
			<button class="rectButton" id="showTabBtn" onclick="goToTab();"><img src="images/arrow.png" width="20px" height="5px" /></button>
		</header>
		
		<section id="mainContent">
			<header>Find a stored version:</header>
			<!--Button values will be set using javascript (will allow for user customization later)-->
			<table cellpadding="2px">
				<tr>
					<td>
						<button class="searchArchiveBtn rectButton" onclick="searchArchive(0);">
							<script type="text/javascript">
								document.write(getArchiveNames(0));
							</script>
						</button>
					</td>
					<td>
						<button class="searchArchiveBtn rectButton" onclick="searchArchive(1);">
							<script type="text/javascript">
								document.write(getArchiveNames(1));
							</script>
						</button>
					</td>
					<td>
						<button class="searchArchiveBtn rectButton" onclick="searchArchive(2);">
							<script type="text/javascript">
								document.write(getArchiveNames(2));
							</script>
						</button>
					</td>
				</tr>
			</table>
		</section>
		
		<footer id="mainFooter">
			<!--options button will be put here later-->
		</footer>
	</body>
</html>